<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="Adobe RoboHelp - www.adobe.com">
<title>Defining how a widget is rendered in non-Flash modes</title>
<link rel="stylesheet" href="userhelp_ns.css"><script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
<!--
if (navigator.appName !="Netscape")
{   document.write("<link rel='stylesheet' href='userhelp.css'>");}
//-->
</script>
<style type="text/css">
<!--
ul.whs1 { list-style:disc; }
img_whs2 { border:none; width:305px; height:233px; float:none; border-style:none; }
table.whs3 { x-cell-content-align:top; width:100%; border-spacing:0px; }
col.whs4 { width:20%; }
tr.whs5 { x-cell-content-align:top; }
td.whs6 { width:20%; padding-right:10px; padding-left:10px; border-left-style:Solid; border-left-color:#000000; border-top-color:#000000; border-top-style:Solid; border-right-style:Solid; border-right-color:#000000; border-bottom-color:#000000; border-bottom-style:Solid; border-right-width:1px; border-left-width:1px; border-top-width:1px; border-bottom-width:1px; background-color:e7e7e7; }
p.whs7 { font-weight:bold; }
td.whs8 { width:20%; padding-right:10px; padding-left:10px; border-top-color:#000000; border-top-style:Solid; border-right-style:Solid; border-right-color:#000000; border-bottom-color:#000000; border-bottom-style:Solid; border-right-width:1px; border-top-width:1px; border-bottom-width:1px; background-color:e7e7e7; }
td.whs9 { width:20%; padding-right:10px; padding-left:10px; border-top-color:#000000; border-top-style:Solid; border-right-style:Solid; border-right-color:#000000; border-bottom-color:#000000; border-bottom-style:Solid; border-top-width:1px; border-bottom-width:1px; border-right-width:1px; background-color:e7e7e7; }
td.whs10 { width:20%; padding-right:10px; padding-left:10px; border-left-style:Solid; border-left-color:#000000; border-left-width:1px; border-right-style:Solid; border-right-color:#000000; border-right-width:1px; border-bottom-width:1px; border-bottom-color:#000000; border-bottom-style:Solid; }
td.whs11 { width:20%; padding-right:10px; padding-left:10px; border-right-style:Solid; border-right-color:#000000; border-right-width:1px; border-bottom-width:1px; border-bottom-color:#000000; border-bottom-style:Solid; }
td.whs12 { width:20%; border-left-width:1px; border-left-color:#000000; border-left-style:Solid; border-right-width:1px; border-right-color:#000000; border-right-style:Solid; border-bottom-style:Solid; border-bottom-color:#000000; border-bottom-width:1px; padding-right:10px; padding-left:10px; }
td.whs13 { width:20%; border-right-width:1px; border-right-color:#000000; border-right-style:Solid; border-bottom-style:Solid; border-bottom-color:#000000; border-bottom-width:1px; padding-right:10px; padding-left:10px; }
td.whs14 { width:100%; border-left-width:1px; border-left-color:#000000; border-left-style:Solid; border-right-width:1px; border-right-color:#000000; border-right-style:Solid; border-bottom-style:Solid; border-bottom-color:#000000; border-bottom-width:1px; padding-right:10px; padding-left:10px; }
ol.whs15 { list-style:decimal; }
ul.whs16 { list-style:decimal; }
-->
</style><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
<!--
function reDo() {
  if (innerWidth != origWidth || innerHeight != origHeight)
     location.reload();
}
if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
	origWidth = innerWidth;
	origHeight = innerHeight;
	onresize = reDo;
}
onerror = null; 
//-->
</script>
<style type="text/css">
<!--
div.WebHelpPopupMenu { position:absolute; left:0px; top:0px; z-index:4; visibility:hidden; }
-->
</style><script type="text/javascript" language="javascript1.2" src="whmsg.js"></script>
<script type="text/javascript" language="javascript" src="whver.js"></script>
<script type="text/javascript" language="javascript1.2" src="whproxy.js"></script>
<script type="text/javascript" language="javascript1.2" src="whutils.js"></script>
<script type="text/javascript" language="javascript1.2" src="whlang.js"></script>
<script type="text/javascript" language="javascript1.2" src="whtopic.js"></script>
</head>
<body><script type="text/javascript" language="javascript1.2">
<!--
if (window.gbWhTopic)
{
	if (window.addTocInfo)
	{
	addTocInfo("Creating and modifying documents and dashboards\nProviding Flash-based analysis and interactivity: Widgets\nDefining how a widget is rendered in non-Flash modes\nDetermining how a widget is rendered in non-Flash modes");
addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");

	}
	if (window.writeBtnStyle)
		writeBtnStyle();

	if (window.writeIntopicBar)
		writeIntopicBar(1);

	if(1)
	{
	
	}

	if (window.setRelStartPage)
	{
	setRelStartPage("MicroStrategy_Web_Help.htm");

		autoSync(1);
		sendSyncInfo();
		sendAveInfoOut();
	}
}
else
	if (window.gbIE4)
		document.location.reload();

//-->
</script>
<h1>Determining how a widget is rendered in non-Flash modes</h1>
<p>A widget is a Flash-based display of the results of a dataset report, 
 allowing users to visualize data in different ways than traditional reports 
 displayed as Grid/Graphs do. Widgets are sophisticated visualization techniques 
 that can combine with rich interactivity to enable users to understand 
 their data more effectively. For more background information about widgets, 
 see 
<a HREF="Widgets.htm">Providing Flash-based analysis and interactivity: 
 Widgets</a>. </p>
<p>Widgets can only be displayed in Flash Mode, Interactive Mode, and View 
 mode in MicroStrategy Web. In Editable Mode and Design Mode in MicroStrategy 
 Web, the Grid/Graph connected to the widget is displayed, regardless of 
 the value of the Non-Flash rendering property.</p>
<p>You can determine how each widget is displayed in Interactive Mode and 
 View Mode and when exported to Excel and PDF. You can choose to:</p>
<ul type="disc" class="whs1">
	
<li class=p><p>Display the widget in Interactive Mode and View Mode. 
 The following widgets can display as widgets only in Flash Mode: Cylinder, 
 Interactive Stacked Graph, Thermometer, and Time Series Slider.</p></li>
	
<li class=p><p>Display the Grid/Graph to which the widget is attached. 
 </p></li>
	
<li class=p><p>Display an empty Grid/Graph placeholder. The container 
 of the Grid/Graph is shown, with the border and background formatting. 
 In Interactive Mode and View Mode, the following message is displayed 
 within the container: &quot;Flash Widgets cannot be rendered in this display.&quot;</p></li>
	
<li class=p><p>Hide the Grid/Graph so that nothing is displayed. If 
 you choose to hide the Grid/Graph, you can display a message in place 
 of the widget. To do this, add a text field behind the widget. This text 
 field is displayed only when the widget is hidden. For information about 
 adding text fields, see 
<a href="Add_text_data_to_documents.htm">Adding 
 text and data to documents</a>; for information about displaying a text 
 field behind a widget, see 
<a href="Ordering_controls_on_documents.htm">Ordering 
 controls on documents</a>. </p></li>
</ul>
<p>An empty placeholder could look like the following in Interactive Mode 
 in MicroStrategy Web, if the container of the Grid/Graph has a background 
 color of red and a fixed size: </p>
<p><img src="images/WidgetPlaceholder.gif" x-maintain-ratio="TRUE" width="305px" height="233px" border="0" class="img_whs2"></p>
<p>The following table describes how widgets can be displayed in the various 
 modes of MicroStrategy Web and views of Desktop:</p>
<table x-use-null-cells cellspacing="0" width="100%" class="whs3">
<col class="whs4">
<col class="whs4">
<col class="whs4">
<col class="whs4">
<col class="whs4">


<tr valign="top" class="whs5">
<td bgcolor="#E7E7E7" width="20%" class="whs6">
<p class="whs7">&nbsp;</td>
<td bgcolor="#E7E7E7" width="20%" class="whs8">
<p class="whs7">Widget</td>
<td bgcolor="#E7E7E7" width="20%" class="whs8">
<p class="whs7">Grid/Graph</td>
<td bgcolor="#E7E7E7" width="20%" class="whs8">
<p class="whs7">Placeholder</td>
<td bgcolor="#E7E7E7" width="20%" class="whs9">
<p class="whs7">Hidden</td></tr>

<tr valign="top" class="whs5">
<td width="20%" class="whs10">
<p>Design Mode</td>
<td width="20%" class="whs11">
<p>&nbsp;</td>
<td width="20%" class="whs11">
<p>Yes</td>
<td width="20%" class="whs11">
<p>&nbsp;</td>
<td width="20%" class="whs11">
<p>&nbsp;</td></tr>

<tr valign="top" class="whs5">
<td width="20%" class="whs12">
<p>Editable Mode</td>
<td width="20%" class="whs13">
<p>&nbsp;</td>
<td width="20%" class="whs13">
<p>Yes</td>
<td width="20%" class="whs13">
<p>&nbsp;</td>
<td width="20%" class="whs13">
<p>&nbsp;</td></tr>

<tr valign="top" class="whs5">
<td width="20%" class="whs12">
<p>Flash Mode</td>
<td width="20%" class="whs13">
<p>Yes</td>
<td width="20%" class="whs13">
<p>&nbsp;</td>
<td width="20%" class="whs13">
<p>&nbsp;</td>
<td width="20%" class="whs13">
<p>&nbsp;</td></tr>

<tr valign="top" class="whs5">
<td width="20%" class="whs12">
<p>Interactive Mode</td>
<td width="20%" class="whs13">
<p>Yes *</td>
<td width="20%" class="whs13">
<p>Yes</td>
<td width="20%" class="whs13">
<p>Yes</td>
<td width="20%" class="whs13">
<p>Yes</td></tr>

<tr valign="top" class="whs5">
<td width="20%" class="whs12">
<p>View Mode</td>
<td width="20%" class="whs13">
<p>Yes *</td>
<td width="20%" class="whs13">
<p>Yes</td>
<td width="20%" class="whs13">
<p>Yes</td>
<td width="20%" class="whs13">
<p>Yes</td></tr>

<tr valign="top" class="whs5">
<td width="20%" class="whs12">
<p>Export to PDF or Excel</td>
<td width="20%" class="whs13">
<p>&nbsp;</td>
<td width="20%" class="whs13">
<p>Yes</td>
<td width="20%" class="whs13">
<p>Yes</td>
<td width="20%" class="whs13">
<p>Yes</td></tr>

<tr valign="top" class="whs5">
<td rowspan="1" colspan="5" width="100%" class="whs14">
<p>* Except for the following widgets, which cannot be displayed as widgets 
 in Interactive Mode or View Mode: Cylinder, Interactive Stacked Graph, 
 Thermometer, and Time Series Slider.</td>
</tr>
</table>
<p>&nbsp;</p>
<h2>To determine how a widget is rendered in non-Flash display modes</h2>
<ol type="1" class="whs15">
	
<li class=p><p>Open the document in <span style="font-weight: bold;"><B>Design 
 Mode</B></span> or <span style="font-weight: bold;"><B>Editable Mode</B></span><span>.</span></p></li>
	
<li class=p><p>Right-click the Grid/Graph containing the widget and 
 select <span style="font-weight: bold;"><B>Properties and Formatting</B></span>. 
 The Properties and Formatting dialog box is displayed. </p></li>
	
<li class=p><p>From the left, select <span style="font-weight: bold;"><B>Flash</B></span>.</p></li>
	
<li class=p><p>To determine how the widget is displayed in PDF View 
 in Desktop and in Editable Mode in MicroStrategy Web, as well as when 
 exported to PDF and Excel, select one of the following from the <span 
 style="font-weight: bold;"><B>PDF &amp; Excel</B></span> drop-down list: </p></li>
	<ul>
<li style="list-style: disc;" type=disc class=p><p><span style="font-weight: bold;"><B>Show 
 Grid or Graph</B></span> to display the Grid/Graph to which the widget is 
 attached.</p></li>
		
<li style="list-style: disc;" type=disc class=p><p><span style="font-weight: bold;"><B>Show 
 Placeholder</B></span> to display an empty Grid/Graph placeholder instead 
 of the widget.</p></li>
		
<li style="list-style: disc;" type=disc class=p><p><span style="font-weight: bold;"><B>Hide 
 Grid or Graph</B></span> to hide the widget and display nothing. If you want 
 to display a message in place of the widget, see the information above 
 about providing a text message to be displayed in its place. </p></li>
	</ul>
	
<li class=p><p>To determine how the widget is displayed in Interactive 
 Mode and View Mode in MicroStrategy Web, select one of the following from 
 the <span style="font-weight: bold;"><B>DHTML rendering</B></span> drop-down 
 list:</p></li>
	<ul type="1" class="whs16">
		
<li class=p-TopicTextBulleted><p class=TopicTextBulleted><span 
 style="font-weight: bold;"><B>Same as widget</B></span> to display the widget</p></li>
		
<li class=p-TopicTextBulleted><p class=TopicTextBulleted><span 
 style="font-weight: bold;"><B>Same as PDF &amp; Excel</B></span> to display the 
 widget as specified in the <span style="font-weight: bold;"><B>PDF &amp; 
 Excel</B></span> setting</p></li>
	</ul>
	
<li class=p><p>Click <span style="font-weight: bold;"><B>OK</B></span> to 
 apply the changes. </p></li>
</ol>
<script type="text/javascript" language="javascript1.2">
<!--
highlightSearch();
if (window.writeIntopicBar)
	writeIntopicBar(0);
if(0)
{

}
//-->
</script>
</body>
</html>
